<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生选课-全部课程</title>
    <link rel="stylesheet" href="../res/jiangtao/lib/mdl/color_material.min.css">
    <link rel="stylesheet" href="../res/jiangtao/lib/mdl/icon.css">
    <script src="../res/js/jquery-3.0.0.min.js"></script>
    <script src="../res/js/materialize.min.js"></script>
    <script  src="../res/jiangtao/lib/mdl/material.min.js"></script>

    <html>
    <head>
        <title></title>
        <style>
            .div-height{height: 200px;text-align:center;overflow: auto}
        </style>
    </head>
<body>

<div align="center">
    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <input class="mdl-textfield__input" type="text" id="mohu">
        <label class="mdl-textfield__label" for="mohu">请输入课程名称</label>
    </div>
    <button id="find" value="关键字查询"  class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored">关键字查询</button>
</div>

<div class="div-height" >
<table width="380"  align="center" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
    <thead>
    <tr>
        <th class="mdl-data-table__cell--non-numeric" data-field="crs_id">课程编号</th>
        <th data-field="crs_name">课程名称 </th>
        <th data-field="summarization">说明</th>
        <th data-field="ap">操作</th>
    </tr>
    </thead>
    <tbody id="tbody2">
    </tbody>
</table>
</div>

<h5 align="center">显示全部课程</h5>
<div class="setheight">
<table align="center" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
    <thead>
    <tr>
        <th class="mdl-data-table__cell--non-numeric" data-field="crs_id">课程编号</th>
        <th data-field="crs_name">课程名称 </th>
        <th data-field="summarization">说明</th>
        <th data-field="ap">操作</th>
    </tr>
    </thead>

    <tbody id="tbody1">


    </tbody>
</table>
</div>
<div align="center">
    <!-- Raised button with ripple -->
    <button id="before" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
        上一页
    </button>
    第<span id="page">1</span>页
    <button id="next" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
        下一页
    </button>
    共<span id="allpage"></span>页
</div>
<style>
    .demo-list-item {
        width: 300px;
    }
    .setheight{
        height: 415px;
    }
</style>

<dialog name="dialog" class="mdl-dialog--full-width">
    <h2 class="mdl-dialog__title">发布课程信息</h2>
    <div class="mdl-dialog__content">
        <ul class="demo-list-item mdl-list">
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   教师编号:<div id="tidmin"></div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   教师姓名:<div id="tnamemin"></div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   院系编号:<div id="depidmin"></div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   院系名称:<div id="depnamemin"></div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   课程编号:<div id="cidmin"></div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   课程名称:<div id="cnamemin"></div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   课程类型:<!-- Numeric Textfield -->
                      <div id="coursetype" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                        <input class="mdl-textfield__input" type="text" pattern="-?[0-9]*(\.[0-9]+)?" id="otype">
                        <label class="mdl-textfield__label" for="otype">0 选修,1 必修</label>
                        <span class="mdl-textfield__error">Input is not a number!</span>
                      </div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   课程课时:<!-- Numeric Textfield -->
                      <div id="preriods" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                        <input class="mdl-textfield__input" type="text" pattern="-?[0-9]*(\.[0-9]+)?" id="opre">
                        <label class="mdl-textfield__label" for="opre">课时</label>
                        <span class="mdl-textfield__error">Input is not a number!</span>
                      </div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   课程学分:<!-- Numeric Textfield -->
                      <div id="credit" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                        <input class="mdl-textfield__input" type="text" pattern="-?[0-9]*(\.[0-9]+)?" id="ocre">
                        <label class="mdl-textfield__label" for="ocre">学分</label>
                        <span class="mdl-textfield__error">Input is not a number!</span>
                      </div>
                </span>
            </li>
            <li class="mdl-list__item">
                <span class="mdl-list__item-primary-content">
                   课程学期:<!-- Numeric Textfield -->
                      <div id="term" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                        <input class="mdl-textfield__input" type="text" pattern="-?[0-9]*(\.[0-9]+)?" id="oterm">
                        <label class="mdl-textfield__label" for="oterm">学期(1-8)</label>
                        <span class="mdl-textfield__error">Input is not a number!</span>
                      </div>
                </span>
            </li>
        </ul>
    </div>

    <div class="mdl-dialog__actions">
        <button type="button" class="mdl-button ok">确定</button>
        <button type="button" class="mdl-button close">取消</button>
    </div>
</dialog>
<input type="hidden" name="hcid" id="hcid"/>



<script type="text/javascript">
//    var tidmin=sessionStorage.tchid;
//    var tnamemin=sessionStorage.tchname;
//    var tdepid=sessionStorage.tdpm;
//    var tdepname=sessionStorage.dep;
//
//    var page=$("#page").html();
//    if(page==1){
//        $("#before").attr('disabled',true);
//    }
//
//    $.ajax({
//        type:"post",
//        url:"getAllclass",
//        data:{
//          "cpage"  :page,
//        },
//        success:function(data){
//            var tb="";
//            for(var index in data.data){
//                tb+="<tr>";
//                tb+="<td class='mdl-data-table__cell--non-numeric'>"
//                    +data.data[index].crsId
//                    +"</td>"
//                tb+="<td>"
//                    +data.data[index].crsName
//                    +"</td>"
//                tb+="<td>"
//                    +data.data[index].summarization
//                    +"</td>"
//                var tbb="<td>"
//                    + "<input class='mdl-button mdl-js-button mdl-button--raised' type='button' value='发布课程' onclick='outclass(" + data.data[index].crsId + "," + '"' + data.data[index].crsName + '"' + ")'/>"
//                    + "</td>"
//
//                $.ajax({
//                    type:"post",
//                    url:"csfindbyid",
//                    async:false,
//                    data:{
//                        "courseSchedulePK.dpmId":tdepid,
//                        "courseSchedulePK.crsId":data.data[index].crsId,
//                        "courseSchedulePK.tchId":tidmin,
//                    },
//                    success:function(data) {
//                       if(data==null){
//                           tb += tbb
//                       }else {
//
//                           tb += "<td>"
//                               + "<input class='mdl-button mdl-js-button mdl-button--raised def' disabled type='button' value='已经发布' />"
//                               + "</td>"
//                       }
//
//                    }
//                })
//                $.ajaxSettings.async = true;
//                tb+="</tr>"
//            }
//            $("#tbody1").html(tb);
//
//            $("#allpage").html(Math.ceil(data.totalCount/6))
//
//        }
//    })
//    if (page==parseInt($("#allpage").html())){
//        $("#next").attr('disabled',true)
//    }
//
//    function outclass(classid,claname) {
//        $("#hcid").val(classid)
//        document.getElementById("tidmin").innerHTML=tidmin
//        document.getElementById("cidmin").innerHTML=classid
//        document.getElementById("cnamemin").innerHTML=claname
//        document.getElementById("tnamemin").innerHTML=tnamemin
//        document.getElementById("depidmin").innerHTML=tdepid
//        document.getElementById("depnamemin").innerHTML=tdepname
//        var dialog = document.querySelector('dialog')
//        dialog.showModal();
//        if (! dialog.showModal) {
//            dialogPolyfill.registerDialog(dialog);
//        }
//        dialog.querySelector('.ok').addEventListener('click', function() {
//            var odpmid=tdepid
//            var ocrsid=$("#hcid").val()
//            var otchid=tidmin
//            var otype=$("#otype").val()
//            var opre=$("#opre").val()
//            var ocre=$("#ocre").val()
//            var oterm=$("#oterm").val()
//
//            console.log(odpmid+ocrsid+otchid+otype+opre+ocre+oterm)
//            $.ajax({
//                type:"post",
//                url:"fromctocs",
//                data:{
//                    "courseSchedule.dpmId":odpmid,
//                    "courseSchedule.crsId":ocrsid,
//                    "courseSchedule.tchId":otchid,
//                    "courseSchedule.type":otype,
//                    "courseSchedule.preriods":opre,
//                    "courseSchedule.credit":ocre,
//                    "courseSchedule.term":oterm,
//                },
//                success:function(data){
//                    alert("发布成功")
//                    parent.location.reload()
//                    //window.location.href="http://localhost:8080/ssmis/teacher/main.html"
//                }
//            })
//        });
//        dialog.querySelector('.close').addEventListener('click', function() {
//            dialog.close();
//        });
//    }
//
//   $("#find").click(function () {
//       var cname=$("#mohu").val();
//      console.log(cname)
//       $.ajax({
//           type:"post",
//           url:"http://localhost:8080/ssmis/course/getbyname",
//           data:{
//               "courseKeyName":cname
//           },
//           success:function(data){
//               var tb1="";
//               for(var index in data){
//                   tb1+="<tr>";
//                   tb1+="<td class='mdl-data-table__cell--non-numeric'>"
//                       +data[index].crsId
//                       +"</td>"
//                   tb1+="<td>"
//                       +data[index].crsName
//                       +"</td>"
//                   tb1+="<td>"
//                       +data[index].summarization
//                       +"</td>"
//                   var tbb1="<td>"
//                       + "<input class='mdl-button mdl-js-button mdl-button--raised' type='button' value='发布课程' onclick='outclass(" + data[index].crsId + "," + '"' + data[index].crsName + '"' + ")'/>"
//                       + "</td>"
//                   $.ajax({
//                       type:"post",
//                       url:"csfindbyid",
//                       async:false,
//                       data:{
//                           "courseSchedulePK.dpmId":tdepid,
//                           "courseSchedulePK.crsId":data[index].crsId,
//                           "courseSchedulePK.tchId":tidmin,
//                       },
//                       success:function(data) {
//                           if(data==null){
//                               tb1 += tbb1
//                           }else {
//
//                               tb1 += "<td>"
//                                   + "<input class='mdl-button mdl-js-button mdl-button--raised def' disabled type='button' value='已经发布' />"
//                                   + "</td>"
//                           }
//
//                       }
//                   })
//                   $.ajaxSettings.async = true;
//                   tb1+="</tr>"
//               }
//               $("#tbody2").html(tb1);
//
//               }
//       })
//
//   })
//
//    $("#before").click(function () {
//
//        $("#page").html(parseInt($("#page").html())-1)
//        $.ajax({
//            type:"post",
//            url:"getAllclass",
//            data:{
//                "cpage"  :$("#page").html(),
//            },
//            success:function(data){
//                var tb="";
//                for(var index in data.data){
//                    tb+="<tr>";
//                    tb+="<td class='mdl-data-table__cell--non-numeric'>"
//                        +data.data[index].crsId
//                        +"</td>"
//                    tb+="<td>"
//                        +data.data[index].crsName
//                        +"</td>"
//                    tb+="<td>"
//                        +data.data[index].summarization
//                        +"</td>"
//                    var tbb="<td>"
//                        + "<input class='mdl-button mdl-js-button mdl-button--raised' type='button' value='发布课程' onclick='outclass(" + data.data[index].crsId + "," + '"' + data.data[index].crsName + '"' + ")'/>"
//                        + "</td>"
//
//                    $.ajax({
//                        type:"post",
//                        url:"csfindbyid",
//                        async:false,
//                        data:{
//                            "courseSchedulePK.dpmId":tdepid,
//                            "courseSchedulePK.crsId":data.data[index].crsId,
//                            "courseSchedulePK.tchId":tidmin,
//                        },
//                        success:function(data) {
//                            if(data==null){
//                                tb += tbb
//                            }else {
//
//                                tb += "<td>"
//                                    + "<input class='mdl-button mdl-js-button mdl-button--raised def' disabled type='button' value='已经发布' />"
//                                    + "</td>"
//                            }
//
//                        }
//                    })
//                    $.ajaxSettings.async = true;
//                    tb+="</tr>"
//                }
//                $("#tbody1").html(tb);
//
//            }
//        })
//        if (parseInt($("#page").html())==1){
//            $("#before").attr('disabled',true)
//        }
//        if(parseInt($("#page").html())==parseInt($("#allpage").html())-1){
//            $("#next").attr('disabled',false);
//        }
//    })
//
//    $("#next").click(function () {
//        $("#page").html(parseInt($("#page").html())+1)
//        $.ajax({
//            type:"post",
//            url:"getAllclass",
//            data:{
//                "cpage"  :$("#page").html(),
//            },
//            success:function(data){
//                var tb="";
//                for(var index in data.data){
//                    tb+="<tr>";
//                    tb+="<td class='mdl-data-table__cell--non-numeric'>"
//                        +data.data[index].crsId
//                        +"</td>"
//                    tb+="<td>"
//                        +data.data[index].crsName
//                        +"</td>"
//                    tb+="<td>"
//                        +data.data[index].summarization
//                        +"</td>"
//                    var tbb="<td>"
//                        + "<input class='mdl-button mdl-js-button mdl-button--raised' type='button' value='发布课程' onclick='outclass(" + data.data[index].crsId + "," + '"' + data.data[index].crsName + '"' + ")'/>"
//                        + "</td>"
//
//                    $.ajax({
//                        type:"post",
//                        url:"csfindbyid",
//                        async:false,
//                        data:{
//                            "courseSchedulePK.dpmId":tdepid,
//                            "courseSchedulePK.crsId":data.data[index].crsId,
//                            "courseSchedulePK.tchId":tidmin,
//                        },
//                        success:function(data) {
//                            if(data==null){
//                                tb += tbb
//                            }else {
//
//                                tb += "<td>"
//                                    + "<input class='mdl-button mdl-js-button mdl-button--raised def' disabled type='button' value='已经发布' />"
//                                    + "</td>"
//                            }
//
//                        }
//                    })
//                    tb+="</tr>"
//                }
//                $("#tbody1").html(tb);
//            }
//        })
//        if (parseInt($("#page").html())==parseInt($("#allpage").html())){
//            $("#next").attr('disabled',true)
//        }
//        if(parseInt($("#page").html())>1){
//            $("#before").attr('disabled',false);
//        }
//
//    })

</script>
</body>
</html>